// 动态变量注入（H5优先使用CSS变量）
page {
  /* 默认值 */
  --theme-primary: #007AFF;
  --theme-text: #333333;
  --theme-bg: #FFFFFF;

  // 安卓平台降级方案
  &[data-theme-platform="android"] {
    --theme-primary: #{map-get($THEME_CONFIG, light).primary};
    /* 其他变量同理 */
  }
}

// 暗黑主题适配
[data-theme="dark"] {
  --theme-primary: #4CD964;
  --theme-text: #FFFFFF;
  --theme-bg: #000000;
}

// 全局样式应用
.theme-wrapper {
  background-color: var(--theme-bg);
  color: var(--theme-text);
  transition: all 0.3s ease;

  .primary-text {
    color: var(--theme-primary);
  }
}